.register {
  display: flex;
  position: relative;
  width: 1440px;
  height: 1024px;
  background: #ffffff;
  .left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: rgba(154, 154, 235, 0.5);
    .imga {
      width: 685px;
      height: 451px;
      background: url('../../images/undraw_profile_data_re_v81r 1.png');
      background-size: contain;
    }
  }
  .right {
    flex: 1;
    form {
      .title {
        position: absolute;
        left: 975px;
        top: 50px;
        height: 37.5px;
        font-family: RobotoRoman-Medium;
        font-size: 32px;
        line-height: 37.5px;
        color: #000000;
      }
      .profile-image {
        position: absolute;
        left: 994px;
        top: 129px;
        width: 152px;
        height: 152px;
        background: #e6e6fa;
        border-radius: 50%;
        .edit {
          position: absolute;
          left: 96px;
          top: 124px;
          width: 36px;
          height: 36px;
          background: url('../../images/clarity_note-edit-line.png') no-repeat;
          background-size: contain;
          &:hover {
            cursor: pointer;
          }
        }
        .imgage {
          position: absolute;
          left: 1px;
          top: 0px;
          width: 151px;
          height: 151px;
          border-radius: 50%;
          overflow: hidden;
        }
        .noimg {
          background: url('../../images/ant-design_user-outlined.png') no-repeat;
        }
        .haveimg {
          background: url('../../images/Testinomi 1.png') no-repeat 50% 50%;
          background-size: 170%;
        }
      }
      .youname,
      .email,
      .phone-number,
      .sex {
        position: absolute;
        width: 446px;
        height: 103px;
        border-radius: 4px;
        font-family: RobotoRoman-Regular;
        font-size: 24px;
        input {
          position: absolute;
          left: 0px;
          top: 48px;
          padding-left: 14px;
          width: 446px;
          height: 55px;
          border-radius: 4px;
          box-sizing: border-box;
          border: 1px solid #4d4ddb;
          font-family: RobotoRoman-Regular;
          font-size: 24px;
          outline: none;
        }
      }
      .youname {
        left: 847px;
        top: 301px;
      }
      .email {
        left: 847px;
        top: 424px;
      }
      .birthday {
        position: absolute;
        left: 847px;
        top: 547px;
        width: 446px;
        height: 55px;
        font-family: RobotoRoman-Regular;
        font-size: 24px;
        input {
          position: absolute;
          left: 0px;
          top: 48px;
          padding-left: 14px;
          width: 446px;
          height: 55px;
          border-radius: 4px;
          box-sizing: border-box;
          border: 1px solid #4d4ddb;
          font-family: RobotoRoman-Regular;
          font-size: 24px;
          color: #000000;
          visibility: visible;
        }
      }
      .phone-number {
        left: 847px;
        top: 670px;
        .red-circle {
          position: absolute;
          left: 8px;
          top: 54px;
          width: 44px;
          height: 44px;
          background: url('../../images/emojione_flag-for-japan.png') no-repeat;
          background-size: contain;
        }
        .colum {
          position: absolute;
          left: 58px;
          top: 51px;
          width: 1px;
          height: 52px;
          background-color: #000000;
        }
        input {
          padding-left: 70px;
        }
      }
      .sex {
        left: 847px;
        top: 793px;
        select {
          position: absolute;
          left: 0px;
          top: 48px;
          width: 446px;
          height: 55px;
          padding: 0 20px;
          border-radius: 4px;
          box-sizing: border-box;
          border: 1px solid #4d4ddb;
          font-family: RobotoRoman-Regular;
          font-size: 24px;
          outline: none;
        }
      }
      .submit {
        position: absolute;
        left: 981px;
        top: 932px;
        width: 177px;
        height: 55px;
        border-radius: 8px;
        background: #1e1e1e;
        font-family: RobotoRoman-Medium;
        font-size: 24px;
        color: #ffffff;
      }
    }
  }
}
